//colors
$colors:( "primary": #db9e3f, 'danger':#791a15, 'blue-1':#1f3695, "info":#4b67af, "blue":#4394e4, "white":#fff, "black":#000, "dark-1": #343440, "dark": #222, "grey":#999, "grey-1":#666, "light":#f9f9f9, "light-1":#d4d9de);
$border-color:map-get($colors, 'light-1');
//font size
$base-font-size:1rem;
$font-sizes:( xxs:0.6154, //8px
xs:0.7692, //10px
sm:0.9231, //11px
md:1, //12px
lg:1.0769, //14px
xl:1.2308 //16px
);
$flex-jc:( start:flex-start, end:flex-end, center:flex-center, between:space-between, around:space-around, );
$flex-ai:( start:top, end:bottom, center:center, stretch:stretch);
$spacing-types:(m:margin, p:padding);
$spacing-directions:(t:top, r:right, b:bottom, l:left);
$spacing-base-size:1rem;
$spacing-sizes:(0:0, 1:0.25, 2:0.5, 3:1, 4:1.5, 5:3);